<div class="row" style="margin-top:30px">
  <div class="col-sm-12">
    <div class="form-group">
      <input type="text" value="" class="form-control" placehold="请输入搜索关键词" [formControl]="wordInput" />
      <p>{{keyword}}</p>
    </div>
  </div>
  <div class="col-sm-4" *ngFor="let prod of products|filter:'prodName':keyword" style="margin-top:30px">
    <a [routerLink]="['/productdetail',prod.id]">
      <div class="card">
        <img class="card-img" [src]="prod.prodImg" alt="" />
        <div class="card-body">
          <p class="card-title float-right">&yen;{{prod.prodPrice}}</p>
          <h5 class="card-title">{{prod.prodName}}</h5>
          <p class="card-text">{{prod.prodDesc}}</p>
          <app-stars [prodStars]="prod.prodStars"></app-stars>
        </div>
      </div>
    </a>
  </div>
</div>

